<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>起步</title>
    </head>
    <body>
        <script src="../libs/vue.js" charset="utf-8"></script>
        <!-- 综合应用 -->
        <!-- <div id="app">
            <input v-model="newTodo" v-on:keyup.enter="addTodo">
            <ul>
                <li v-for="todo in todos">
                    <span>{{ todo.text }}</span>
                    <button v-on:click="removeTodo($index)">X</button>
                </li>
            </ul>
        </div>
        <script>
            new Vue({
                el: "#app",
                data: {
                    newTodo: "",
                    todos: [
                        {
                            text: "Add some todo"
                        }
                    ]
                },
                methods: {
                    addTodo: function() {
                        var text = this.newTodo.trim();
                        if (text) {
                            this.todos.push({text: text})
                            this.newTodo = "";
                        }
                    },
                    removeTodo: function(index) {
                        this.todos.splice(index, 1);
                    }
                }
            })
        </script> -->

        <!-- 单次插值 -->
        <div id="app">
            <input v-model="view">
            <div>{{* view }}</div>
        </div>
        <script>
            new Vue({
              el: "#app",
               data: {
                 view:123
               }
             })
        </script>
    </body>
</html>
